<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <div class="tab-container">
	<div class="font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-daoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-shangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QQ"></span>
            <div class="name">
              QQ
            </div>
            <div class="code-name">.icon-QQ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suozhu"></span>
            <div class="name">
              名称=锁定, 线面=off
            </div>
            <div class="code-name">.icon-suozhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuo"></span>
            <div class="name">
              名称=开锁, 线面=off
            </div>
            <div class="code-name">.icon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxian"></span>
            <div class="name">
              权限
            </div>
            <div class="code-name">.icon-quanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cuowu"></span>
            <div class="name">
              错误
            </div>
            <div class="code-name">.icon-cuowu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-charulianjie-"></span>
            <div class="name">
              插入链接-22
            </div>
            <div class="code-name">.icon-charulianjie-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakanxiangqing"></span>
            <div class="name">
              查看详情
            </div>
            <div class="code-name">.icon-chakanxiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengyidong"></span>
            <div class="name">
              学生异动
            </div>
            <div class="code-name">.icon-xueshengyidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baokao"></span>
            <div class="name">
              报考
            </div>
            <div class="code-name">.icon-baokao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengji"></span>
            <div class="name">
              成绩
            </div>
            <div class="code-name">.icon-chengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuejuan"></span>
            <div class="name">
              阅卷
            </div>
            <div class="code-name">.icon-yuejuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoheshezhi"></span>
            <div class="name">
              考核设置
            </div>
            <div class="code-name">.icon-kaoheshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenguanli"></span>
            <div class="name">
              论文管理
            </div>
            <div class="code-name">.icon-lunwenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenbao"></span>
            <div class="name">
              申报
            </div>
            <div class="code-name">.icon-shenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kecheng"></span>
            <div class="name">
              课程
            </div>
            <div class="code-name">.icon-kecheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiku"></span>
            <div class="name">
              题库
            </div>
            <div class="code-name">.icon-tiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaowushezhi"></span>
            <div class="name">
              教务设置
            </div>
            <div class="code-name">.icon-jiaowushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidingyishezhi"></span>
            <div class="name">
              自定义设置
            </div>
            <div class="code-name">.icon-zidingyishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaojitongji"></span>
            <div class="name">
              超级统计
            </div>
            <div class="code-name">.icon-chaojitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengtongji"></span>
            <div class="name">
              招生统计
            </div>
            <div class="code-name">.icon-zhaoshengtongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangtongji"></span>
            <div class="name">
              推广统计
            </div>
            <div class="code-name">.icon-tuiguangtongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexitongji"></span>
            <div class="name">
              学习统计
            </div>
            <div class="code-name">.icon-xuexitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diqushujutongji"></span>
            <div class="name">
              地区数据统计
            </div>
            <div class="code-name">.icon-diqushujutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujudaoru"></span>
            <div class="name">
              数据导入
            </div>
            <div class="code-name">.icon-shujudaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengkaoguanli"></span>
            <div class="name">
              成考管理
            </div>
            <div class="code-name">.icon-chengkaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuanchengguanli"></span>
            <div class="name">
              远程管理
            </div>
            <div class="code-name">.icon-yuanchengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujiguanli"></span>
            <div class="name">
              书籍管理
            </div>
            <div class="code-name">.icon-shujiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guochengxingkaohe"></span>
            <div class="name">
              过程性考核
            </div>
            <div class="code-name">.icon-guochengxingkaohe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuefenrending"></span>
            <div class="name">
              学分认定
            </div>
            <div class="code-name">.icon-xuefenrending
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengdingdan"></span>
            <div class="name">
              课程订单
            </div>
            <div class="code-name">.icon-kechengdingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wentifankui"></span>
            <div class="name">
              问题反馈
            </div>
            <div class="code-name">.icon-wentifankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichan"></span>
            <div class="name">
              资产
            </div>
            <div class="code-name">.icon-zichan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-KPIguanli"></span>
            <div class="name">
              KPI管理
            </div>
            <div class="code-name">.icon-KPIguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmuguanli"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.icon-xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixingongzhonghao"></span>
            <div class="name">
              微信公众号
            </div>
            <div class="code-name">.icon-weixingongzhonghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anquanshezhi"></span>
            <div class="name">
              安全设置
            </div>
            <div class="code-name">.icon-anquanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuzhongxin"></span>
            <div class="name">
              服务中心
            </div>
            <div class="code-name">.icon-fuwuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyefuwu"></span>
            <div class="name">
              企业服务
            </div>
            <div class="code-name">.icon-qiyefuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkefuwu"></span>
            <div class="name">
              网课服务
            </div>
            <div class="code-name">.icon-wangkefuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeiguanli"></span>
            <div class="name">
              收费管理
            </div>
            <div class="code-name">.icon-shoufeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanxianshezhi"></span>
            <div class="name">
              权限设置
            </div>
            <div class="code-name">.icon-quanxianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaowutongji"></span>
            <div class="name">
              教务统计
            </div>
            <div class="code-name">.icon-jiaowutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuetongji"></span>
            <div class="name">
              教学统计
            </div>
            <div class="code-name">.icon-jiaoxuetongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeitongji"></span>
            <div class="name">
              收费统计
            </div>
            <div class="code-name">.icon-shoufeitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwutongji"></span>
            <div class="name">
              服务统计
            </div>
            <div class="code-name">.icon-fuwutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhitongji"></span>
            <div class="name">
              通知统计
            </div>
            <div class="code-name">.icon-tongzhitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaohetongji"></span>
            <div class="name">
              考核统计
            </div>
            <div class="code-name">.icon-kaohetongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhuoyuedu"></span>
            <div class="name">
              用户活跃度
            </div>
            <div class="code-name">.icon-yonghuhuoyuedu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengbaoming"></span>
            <div class="name">
              学生报名
            </div>
            <div class="code-name">.icon-xueshengbaoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengluqu"></span>
            <div class="name">
              学生录取
            </div>
            <div class="code-name">.icon-xueshengluqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengzhuce"></span>
            <div class="name">
              学生注册
            </div>
            <div class="code-name">.icon-xueshengzhuce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaijixuesheng"></span>
            <div class="name">
              在籍学生
            </div>
            <div class="code-name">.icon-zaijixuesheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huamingce"></span>
            <div class="name">
              花名册
            </div>
            <div class="code-name">.icon-huamingce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleiguanli"></span>
            <div class="name">
              服务分类管理
            </div>
            <div class="code-name">.icon-fenleiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuliebiao"></span>
            <div class="name">
              学生服务列表
            </div>
            <div class="code-name">.icon-fuwuliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenleiliebiao"></span>
            <div class="name">
              通知分类管理
            </div>
            <div class="code-name">.icon-fenleiliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhiliebiao"></span>
            <div class="name">
              通知列表
            </div>
            <div class="code-name">.icon-tongzhiliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuejihua"></span>
            <div class="name">
              教学计划
            </div>
            <div class="code-name">.icon-jiaoxuejihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxueanpai"></span>
            <div class="name">
              教学安排
            </div>
            <div class="code-name">.icon-jiaoxueanpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjiguanli"></span>
            <div class="name">
              成绩管理
            </div>
            <div class="code-name">.icon-chengjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tupianguanli"></span>
            <div class="name">
              图片管理
            </div>
            <div class="code-name">.icon-tupianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshijihua"></span>
            <div class="name">
              考试计划
            </div>
            <div class="code-name">.icon-kaoshijihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshipeizhi"></span>
            <div class="name">
              考试配置
            </div>
            <div class="code-name">.icon-kaoshipeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuexizhongxinguanli"></span>
            <div class="name">
              学习中心管理
            </div>
            <div class="code-name">.icon-xuexizhongxinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoheguanli"></span>
            <div class="name">
              考核管理
            </div>
            <div class="code-name">.icon-kaoheguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoshiguanli"></span>
            <div class="name">
              教师管理
            </div>
            <div class="code-name">.icon-jiaoshiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkeguanli"></span>
            <div class="name">
              网课管理
            </div>
            <div class="code-name">.icon-wangkeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bulujiesuan"></span>
            <div class="name">
              补录结算
            </div>
            <div class="code-name">.icon-bulujiesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biyeguanli"></span>
            <div class="name">
              毕业管理
            </div>
            <div class="code-name">.icon-biyeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaohezhibiao"></span>
            <div class="name">
              考核指标
            </div>
            <div class="code-name">.icon-kaohezhibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyeguanli"></span>
            <div class="name">
              企业管理
            </div>
            <div class="code-name">.icon-qiyeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chubuguanli"></span>
            <div class="name">
              初步管理
            </div>
            <div class="code-name">.icon-chubuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaobaobiao"></span>
            <div class="name">
              呼叫报表
            </div>
            <div class="code-name">.icon-hujiaobaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saomiaodianjing"></span>
            <div class="name">
              扫描电镜
            </div>
            <div class="code-name">.icon-saomiaodianjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiezhang"></span>
            <div class="name">
              结账
            </div>
            <div class="code-name">.icon-jiezhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoubaobiao"></span>
            <div class="name">
              销售报表
            </div>
            <div class="code-name">.icon-xiaoshoubaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingzheng"></span>
            <div class="name">
              凭证
            </div>
            <div class="code-name">.icon-pingzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongyidong"></span>
            <div class="name">
              合同异动
            </div>
            <div class="code-name">.icon-hetongyidong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoupin"></span>
            <div class="name">
              销售品
            </div>
            <div class="code-name">.icon-xiaoshoupin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshuguanli"></span>
            <div class="name">
              学术管理
            </div>
            <div class="code-name">.icon-xueshuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yihaopin"></span>
            <div class="name">
              易耗品
            </div>
            <div class="code-name">.icon-yihaopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwuguanli"></span>
            <div class="name">
              任务管理
            </div>
            <div class="code-name">.icon-renwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianshang"></span>
            <div class="name">
              电商
            </div>
            <div class="code-name">.icon-dianshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gudingzichan"></span>
            <div class="name">
              固定资产
            </div>
            <div class="code-name">.icon-gudingzichan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongtaiguanli"></span>
            <div class="name">
              动态管理
            </div>
            <div class="code-name">.icon-dongtaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichupeizhi"></span>
            <div class="name">
              基础配置
            </div>
            <div class="code-name">.icon-jichupeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dashuju"></span>
            <div class="name">
              大数据
            </div>
            <div class="code-name">.icon-dashuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaoshezhi"></span>
            <div class="name">
              呼叫设置
            </div>
            <div class="code-name">.icon-hujiaoshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxiaoshichang"></span>
            <div class="name">
              分销市场
            </div>
            <div class="code-name">.icon-fenxiaoshichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengjitongji"></span>
            <div class="name">
              成绩统计
            </div>
            <div class="code-name">.icon-chengjitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangshezhi"></span>
            <div class="name">
              推广设置
            </div>
            <div class="code-name">.icon-tuiguangshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengzhongxin"></span>
            <div class="name">
              课程中心
            </div>
            <div class="code-name">.icon-kechengzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongshezhi"></span>
            <div class="name">
              合同设置
            </div>
            <div class="code-name">.icon-hetongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengbaoguanli"></span>
            <div class="name">
              课程包管理
            </div>
            <div class="code-name">.icon-kechengbaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.icon-yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuhuaxiang"></span>
            <div class="name">
              用户画像
            </div>
            <div class="code-name">.icon-yonghuhuaxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghaoguanli"></span>
            <div class="name">
              帐号管理
            </div>
            <div class="code-name">.icon-zhanghaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SEMguanli"></span>
            <div class="name">
              SEM管理
            </div>
            <div class="code-name">.icon-SEMguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yusuan"></span>
            <div class="name">
              预算
            </div>
            <div class="code-name">.icon-yusuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianbaobiao"></span>
            <div class="name">
              名片报表
            </div>
            <div class="code-name">.icon-mingpianbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdanguanli"></span>
            <div class="name">
              订单管理
            </div>
            <div class="code-name">.icon-dingdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguangguanli"></span>
            <div class="name">
              推广管理
            </div>
            <div class="code-name">.icon-tuiguangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuantiguanli"></span>
            <div class="name">
              专题管理
            </div>
            <div class="code-name">.icon-zhuantiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoushezhi"></span>
            <div class="name">
              销售设置
            </div>
            <div class="code-name">.icon-xiaoshoushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sucaiguanli"></span>
            <div class="name">
              素材管理
            </div>
            <div class="code-name">.icon-sucaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengdaoru"></span>
            <div class="name">
              学生导入
            </div>
            <div class="code-name">.icon-xueshengdaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangpinguanli"></span>
            <div class="name">
              商品管理
            </div>
            <div class="code-name">.icon-shangpinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paikeguanli"></span>
            <div class="name">
              排课管理
            </div>
            <div class="code-name">.icon-paikeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxidaoru"></span>
            <div class="name">
              信息导入
            </div>
            <div class="code-name">.icon-xinxidaoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeipeizhi"></span>
            <div class="name">
              收费配置
            </div>
            <div class="code-name">.icon-shoufeipeizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuquanxian"></span>
            <div class="name">
              用户权限
            </div>
            <div class="code-name">.icon-yonghuquanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaijixueshengguanli"></span>
            <div class="name">
              在籍学生管理
            </div>
            <div class="code-name">.icon-zaijixueshengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuehaoguanli"></span>
            <div class="name">
              学号管理
            </div>
            <div class="code-name">.icon-xuehaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengziyuanguanli"></span>
            <div class="name">
              课程资源管理
            </div>
            <div class="code-name">.icon-kechengziyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianshoujiaoxueanpai"></span>
            <div class="name">
              面授教学安排
            </div>
            <div class="code-name">.icon-mianshoujiaoxueanpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangfang"></span>
            <div class="name">
              账房
            </div>
            <div class="code-name">.icon-zhangfang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaikeguanli"></span>
            <div class="name">
              开课管理
            </div>
            <div class="code-name">.icon-kaikeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biyetongji"></span>
            <div class="name">
              毕业统计
            </div>
            <div class="code-name">.icon-biyetongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengzhunbei"></span>
            <div class="name">
              招生准备
            </div>
            <div class="code-name">.icon-zhaoshengzhunbei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paikeshezhi"></span>
            <div class="name">
              排课设置
            </div>
            <div class="code-name">.icon-paikeshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banjiguanli"></span>
            <div class="name">
              班级管理
            </div>
            <div class="code-name">.icon-banjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingpinketang"></span>
            <div class="name">
              精品课堂
            </div>
            <div class="code-name">.icon-jingpinketang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongtidian"></span>
            <div class="name">
              员工提点
            </div>
            <div class="code-name">.icon-yuangongtidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoshianpai"></span>
            <div class="name">
              考试安排
            </div>
            <div class="code-name">.icon-kaoshianpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluojiaoxueanpai"></span>
            <div class="name">
              网络教学安排
            </div>
            <div class="code-name">.icon-wangluojiaoxueanpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ruxuechengji"></span>
            <div class="name">
              入学成绩
            </div>
            <div class="code-name">.icon-ruxuechengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mianshoujiaoxue"></span>
            <div class="name">
              面授教学
            </div>
            <div class="code-name">.icon-mianshoujiaoxue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoshijiaoshiguanli"></span>
            <div class="name">
              教师教室管理
            </div>
            <div class="code-name">.icon-jiaoshijiaoshiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luquguanli"></span>
            <div class="name">
              录取管理
            </div>
            <div class="code-name">.icon-luquguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-luquchengji"></span>
            <div class="name">
              录取成绩
            </div>
            <div class="code-name">.icon-luquchengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuan"></span>
            <div class="name">
              资源
            </div>
            <div class="code-name">.icon-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kejian"></span>
            <div class="name">
              课件
            </div>
            <div class="code-name">.icon-kejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waibukejian"></span>
            <div class="name">
              外部课件
            </div>
            <div class="code-name">.icon-waibukejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rizhiguanli"></span>
            <div class="name">
              日志管理
            </div>
            <div class="code-name">.icon-rizhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobanguanli"></span>
            <div class="name">
              模版管理
            </div>
            <div class="code-name">.icon-mobanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiyichuli"></span>
            <div class="name">
              异议处理
            </div>
            <div class="code-name">.icon-yiyichuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenshenbao"></span>
            <div class="name">
              论文申报
            </div>
            <div class="code-name">.icon-lunwenshenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunwenshezhi"></span>
            <div class="name">
              论文设置
            </div>
            <div class="code-name">.icon-lunwenshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaoxuedianshezhi"></span>
            <div class="name">
              教学点设置
            </div>
            <div class="code-name">.icon-jiaoxuedianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-buluchenjiang"></span>
            <div class="name">
              补录沉降
            </div>
            <div class="code-name">.icon-buluchenjiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mokuaishezhi"></span>
            <div class="name">
              模块设置
            </div>
            <div class="code-name">.icon-mokuaishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziliaoguanli"></span>
            <div class="name">
              资料管理
            </div>
            <div class="code-name">.icon-ziliaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituanguanli"></span>
            <div class="name">
              集团管理
            </div>
            <div class="code-name">.icon-jituanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyongguanli"></span>
            <div class="name">
              应用管理
            </div>
            <div class="code-name">.icon-yingyongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanwangshijuan"></span>
            <div class="name">
              官网试卷
            </div>
            <div class="code-name">.icon-guanwangshijuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodewangke"></span>
            <div class="name">
              我的网课
            </div>
            <div class="code-name">.icon-wodewangke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaobenguanli"></span>
            <div class="name">
              脚本管理
            </div>
            <div class="code-name">.icon-jiaobenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanyeguanliyuan"></span>
            <div class="name">
              专业管理员
            </div>
            <div class="code-name">.icon-zhuanyeguanliyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xueshengchengji"></span>
            <div class="name">
              学生成绩
            </div>
            <div class="code-name">.icon-xueshengchengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwuguanli"></span>
            <div class="name">
              服务管理
            </div>
            <div class="code-name">.icon-fuwuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daijinquan"></span>
            <div class="name">
              代金券
            </div>
            <div class="code-name">.icon-daijinquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yinjinshoufei"></span>
            <div class="name">
              引进收费
            </div>
            <div class="code-name">.icon-yinjinshoufei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingjiaoqingdan"></span>
            <div class="name">
              应缴清单
            </div>
            <div class="code-name">.icon-yingjiaoqingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duizhangdan"></span>
            <div class="name">
              对账单
            </div>
            <div class="code-name">.icon-duizhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangjiguanli"></span>
            <div class="name">
              商机管理
            </div>
            <div class="code-name">.icon-shangjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyehuihuacundang"></span>
            <div class="name">
              企微会话存档
            </div>
            <div class="code-name">.icon-qiyehuihuacundang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghushezhi"></span>
            <div class="name">
              用户设置
            </div>
            <div class="code-name">.icon-yonghushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxishezhi"></span>
            <div class="name">
              消息设置
            </div>
            <div class="code-name">.icon-xiaoxishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaoshezhi"></span>
            <div class="name">
              营销设置
            </div>
            <div class="code-name">.icon-yingxiaoshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwushichang"></span>
            <div class="name">
              服务市场
            </div>
            <div class="code-name">.icon-fuwushichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sucaiziyuan"></span>
            <div class="name">
              素材资源
            </div>
            <div class="code-name">.icon-sucaiziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingxiaowanfa"></span>
            <div class="name">
              营销玩法
            </div>
            <div class="code-name">.icon-yingxiaowanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuiguang"></span>
            <div class="name">
              推广
            </div>
            <div class="code-name">.icon-tuiguang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonghuliebiao"></span>
            <div class="name">
              用户列表
            </div>
            <div class="code-name">.icon-yonghuliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanguanli"></span>
            <div class="name">
              资源管理
            </div>
            <div class="code-name">.icon-ziyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengguanli"></span>
            <div class="name">
              课程管理
            </div>
            <div class="code-name">.icon-kechengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kechengbao"></span>
            <div class="name">
              课程包
            </div>
            <div class="code-name">.icon-kechengbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tikuguanli"></span>
            <div class="name">
              题库管理
            </div>
            <div class="code-name">.icon-tikuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangkeshichang"></span>
            <div class="name">
              网课市场
            </div>
            <div class="code-name">.icon-wangkeshichang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdan"></span>
            <div class="name">
              工单
            </div>
            <div class="code-name">.icon-gongdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangkeguanli"></span>
            <div class="name">
              访客管理
            </div>
            <div class="code-name">.icon-fangkeguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiansuoguanli"></span>
            <div class="name">
              线索管理
            </div>
            <div class="code-name">.icon-xiansuoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuguanli"></span>
            <div class="name">
              客户管理
            </div>
            <div class="code-name">.icon-kehuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jituankehu"></span>
            <div class="name">
              集团客户
            </div>
            <div class="code-name">.icon-jituankehu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-genjinjilu"></span>
            <div class="name">
              跟进记录
            </div>
            <div class="code-name">.icon-genjinjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hujiaoguanli"></span>
            <div class="name">
              呼叫管理
            </div>
            <div class="code-name">.icon-hujiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongzuotai"></span>
            <div class="name">
              工作台
            </div>
            <div class="code-name">.icon-gongzuotai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujubaobiao"></span>
            <div class="name">
              数据报表
            </div>
            <div class="code-name">.icon-shujubaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangkebaobiao"></span>
            <div class="name">
              访客报表
            </div>
            <div class="code-name">.icon-fangkebaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli"></span>
            <div class="name">
              账簿管理
            </div>
            <div class="code-name">.icon-zhangbuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli_zi"></span>
            <div class="name">
              账簿管理_子系统
            </div>
            <div class="code-name">.icon-zhangbuguanli_zi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhangbuguanli_zixitong_A"></span>
            <div class="name">
              账簿管理_子系统
            </div>
            <div class="code-name">.icon-zhangbuguanli_zixitong_A
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongguanli"></span>
            <div class="name">
              合同管理
            </div>
            <div class="code-name">.icon-hetongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunyingzheguanli"></span>
            <div class="name">
              运营者管理
            </div>
            <div class="code-name">.icon-yunyingzheguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaopinguanli"></span>
            <div class="name">
              招聘管理
            </div>
            <div class="code-name">.icon-zhaopinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongziguanli"></span>
            <div class="name">
              工资管理
            </div>
            <div class="code-name">.icon-gongziguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodeshenpi"></span>
            <div class="name">
              我的审批
            </div>
            <div class="code-name">.icon-wodeshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaozhunmobanshezhi"></span>
            <div class="name">
              标准模版设置
            </div>
            <div class="code-name">.icon-biaozhunmobanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichushezhi"></span>
            <div class="name">
              基础设置
            </div>
            <div class="code-name">.icon-jichushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwushezhi"></span>
            <div class="name">
              财务设置
            </div>
            <div class="code-name">.icon-caiwushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpinshezhi"></span>
            <div class="name">
              产品设置
            </div>
            <div class="code-name">.icon-chanpinshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenpishezhi"></span>
            <div class="name">
              审批设置
            </div>
            <div class="code-name">.icon-shenpishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mubiaoguanli"></span>
            <div class="name">
              目标管理
            </div>
            <div class="code-name">.icon-mubiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhandianshezhi"></span>
            <div class="name">
              站点设置
            </div>
            <div class="code-name">.icon-zhandianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshishezhi"></span>
            <div class="name">
              人事设置
            </div>
            <div class="code-name">.icon-renshishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CRMshezhi"></span>
            <div class="name">
              CRM设置
            </div>
            <div class="code-name">.icon-CRMshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mingpianshezhi"></span>
            <div class="name">
              名片设置
            </div>
            <div class="code-name">.icon-mingpianshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangxiaoshezhi"></span>
            <div class="name">
              网校设置
            </div>
            <div class="code-name">.icon-wangxiaoshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodedianping"></span>
            <div class="name">
              我的点评
            </div>
            <div class="code-name">.icon-wodedianping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wodexuesheng"></span>
            <div class="name">
              我的学生
            </div>
            <div class="code-name">.icon-wodexuesheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxijilu"></span>
            <div class="name">
              联系记录
            </div>
            <div class="code-name">.icon-lianxijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tousutiwen"></span>
            <div class="name">
              投诉提问
            </div>
            <div class="code-name">.icon-tousutiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peixunjihua"></span>
            <div class="name">
              培训计划
            </div>
            <div class="code-name">.icon-peixunjihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiyongchaxun"></span>
            <div class="name">
              费用查询
            </div>
            <div class="code-name">.icon-feiyongchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaofei"></span>
            <div class="name">
              学生缴费
            </div>
            <div class="code-name">.icon-jiaofei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jizhang"></span>
            <div class="name">
              记账
            </div>
            <div class="code-name">.icon-jizhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查账
            </div>
            <div class="code-name">.icon-chaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chazhang"></span>
            <div class="name">
              查账
            </div>
            <div class="code-name">.icon-chazhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baobiao"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.icon-baobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daqiajilu"></span>
            <div class="name">
              招生报表
            </div>
            <div class="code-name">.icon-daqiajilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangluobanji"></span>
            <div class="name">
              打卡记录
            </div>
            <div class="code-name">.icon-wangluobanji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wangxiaoshezhi1"></span>
            <div class="name">
              网络班级
            </div>
            <div class="code-name">.icon-wangxiaoshezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houtaishezhi"></span>
            <div class="name">
              小程序
            </div>
            <div class="code-name">.icon-houtaishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengshezhi"></span>
            <div class="name">
              后台设置
            </div>
            <div class="code-name">.icon-zhaoshengshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxizhongxin"></span>
            <div class="name">
              招生设置
            </div>
            <div class="code-name">.icon-xiaoxizhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoshengbaobiao"></span>
            <div class="name">
              消息中心
            </div>
            <div class="code-name">.icon-zhaoshengbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanguanli"></span>
            <div class="name">
              菜单管理
            </div>
            <div class="code-name">.icon-caidanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuangjianxitong"></span>
            <div class="name">
              创建系统
            </div>
            <div class="code-name">.icon-chuangjianxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongdanguanli"></span>
            <div class="name">
              工单管理
            </div>
            <div class="code-name">.icon-gongdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duanxin"></span>
            <div class="name">
              短信
            </div>
            <div class="code-name">.icon-duanxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangzhuzhongxin"></span>
            <div class="name">
              帮助中心
            </div>
            <div class="code-name">.icon-bangzhuzhongxin
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
     
    </div>
  </div>
</body>
</html>
